<template>
  <div>
    <el-checkbox-group v-model="model.occupationList" @change="handlerCheckBox">
      <el-checkbox label="0"
        >国家机关、党群组织、企业、事业单位负责人</el-checkbox
      >
      <el-checkbox label="1">专业技术人员</el-checkbox>
      <el-checkbox label="3">办事人员和有关人员</el-checkbox>
      <el-checkbox label="4">商业、服务业人员</el-checkbox>
      <el-checkbox label="5">农、林、牧、渔、水利业生产人员</el-checkbox>
      <el-checkbox label="6">生产、运输设备操作人员及有关人员</el-checkbox>
      <el-checkbox label="X">军人</el-checkbox>
      <el-checkbox label="Y">不便分类的其他从业人员</el-checkbox>
      <el-checkbox label="-1">无职业</el-checkbox>
    </el-checkbox-group>
  </div>
</template>

<script>
export default {
  props: {
    model: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {}
  },
  methods: {
    handlerCheckBox(value) {
      if (this.model.occupationList.length > 1) {
        this.model.occupationList.splice(0, 1)
      }
      // console.log(this.model.occupationList)
    }
  }
}
</script>
<style lang="scss" scoped></style>
